<template>
  <el-page-header @back="goBack">
    <template #content>
      <div
        class="flex items-center"
        style="display: flex; align-items: center; margin-bottom: 5px"
      >
        <!-- <el-avatar
              :size="32"
              class="mr-3"
              src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
            /> -->
        <Icon size="20" name="iconfont icon-icon-project" class="mr-3" />
        <span class="text-large font-600 mr-3"
          >材料名称: {{ ledger.single.fileName }}
        </span>
      </div>
    </template>
    <!-- <template #extra>
                  <div class="flex items-center">
                      <el-button>Print</el-button>
                      <el-button type="primary" class="ml-2">Edit</el-button>
                  </div>
              </template> -->
  </el-page-header>
</template>
<script lang="ts" setup>
import { ref, onUnmounted, onMounted, provide, toRaw, inject } from "vue";
import { useRouter, useRoute } from "vue-router";

const router = useRouter();
const route = useRoute();
const ledger = inject("ledger") as any;

//后退
const goBack = () => {
  router.back();
};
//持续在单个设备详情页面实时获取数据进行更新
onMounted(() => {});
</script>
<style lang="scss" scoped>
.mr-3 {
  margin-right: 5px;
}
</style>
